@charset "UTF-8";
@import url("../font/bahnschrift/bahnschrift.css");
html { color: #666666; }

:root { scroll-behavior: unset; }

ul { padding-left: 0; margin-bottom: 0; }
ul li { list-style: none; }
ul li::marker { display: none; }

p { margin: 0; }

.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

a:focus { outline: none; }

.ratio-2x3 { --bs-aspect-ratio: calc(2 / 3 * 100%); --mdb-aspect-ratio: calc(2 / 3 * 100%); }

.ratio-3x2 { --bs-aspect-ratio: calc(3 / 2 * 100%); --mdb-aspect-ratio: calc(3 / 2 * 100%); }

.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); --mdb-aspect-ratio: calc(4 / 3 * 100%); }

.ratio-8x3 { --mdb-aspect-ratio: calc(3 / 8 * 100%); --bs-aspect-ratio: calc(3 / 8 * 100%); }

.ratio-4x6 { --bs-aspect-ratio: calc(6 / 4 * 100%); --mdb-aspect-ratio: calc(6 / 4 * 100%); }

.vertical-txt { writing-mode: vertical-lr; }

.nopic { background-color: #f8f8f8; color: #bcbcbc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.nopic p:nth-child(1) { font-size: 130%; }

@font-face { font-family: "BEBAS"; src: url("../font/BEBAS/BEBAS.eot");
  /* IE9*/
src: url("../font/BEBAS/BEBAS.eot?#iefix") format("embedded-opentype"), url("../font/BEBAS/BEBAS.woff2") format("woff2"), url("../font/BEBAS/BEBAS.woff") format("woff"), url("../font/BEBAS/BEBAS.ttf") format("truetype"), url("../font/BEBAS/BEBAS.svg#basic") format("svg");
  /* iOS 4.1- */
font-weight: normal; font-style: normal; }
body { --theme-red:#f08200; --theme-blue:#1568b4; --theme-color: #f08200; --theme-bgcolor:#f5f7fa; }

/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { ::-webkit-scrollbar { width: 5px; height: 8px; }
  ::-webkit-scrollbar-track:enabled { background-color: #999999; }
  ::-webkit-scrollbar-thumb:vertical { background-color: var(--theme-color); border-radius: 30px; }
  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--theme-color); border-radius: 30px; } }
.m-scroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 3px; }

.m-scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); background: var(--theme-red); }

.m-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ededed; }

a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color: var(--theme-color); }
a:focus { outline: none !important; }

/*animate*/
@-webkit-keyframes bgEnter { 0% { -webkit-transform: translateY(0) skewY(8deg); transform: translateY(0) skewY(8deg); }
  to { -webkit-transform: translateY(100%) skewY(8deg); transform: translateY(100%) skewY(8deg); } }
@keyframes bgEnter { 0% { -webkit-transform: translateY(0) skewY(8deg); transform: translateY(0) skewY(8deg); }
  to { -webkit-transform: translateY(100%) skewY(8deg); transform: translateY(100%) skewY(8deg); } }
@-webkit-keyframes bgEnterZoomOut { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bgEnterZoomOut { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { -webkit-transform: scale(1); transform: scale(1); } }
.bg-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

/* img enter */
.img-enter { background-color: #202020; overflow: hidden; }
.img-enter:before { content: ''; position: absolute; top: 0; left: -5%; width: 110%; height: 150%; background: #202020; -webkit-transform: translateY(-17%) skewY(8deg); -ms-transform: translateY(-17%) skewY(8deg); transform: translateY(-17%) skewY(8deg); z-index: 1; }
.img-enter .bg-full { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.animated .img-enter:before { -webkit-animation: bgEnter 1.2s forwards .3s; animation: bgEnter 1.2s forwards .3s; }
.animated .img-enter .bg-full { -webkit-animation: bgEnterZoomOut 1.7s forwards .3s; animation: bgEnterZoomOut 1.7s forwards .3s; }

.bg-white .img-enter { background-color: #fff; }
.bg-white .img-enter:before { background: #fff; }
.bg-white .img-enter.reverse { background-color: #202020; }
.bg-white .img-enter.reverse:before { background: #fff; }

.animated .img-enter.delay2 .bg-full, .animated .img-enter.delay2:before { -webkit-animation-delay: .6s; animation-delay: .6s; }

.animated .img-enter.delay3 .bg-full, .animated .img-enter.delay3:before { -webkit-animation-delay: .8s; animation-delay: .8s; }

.animated .img-enter.delay4 .bg-full, .animated .img-enter.delay4:before { -webkit-animation-delay: 1s; animation-delay: 1s; }

.animated .img-enter.delay5 .bg-full, .animated .img-enter.delay5:before { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.animated .img-enter.delay6 .bg-full, .animated .img-enter.delay6:before { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.de-page-mian .page-inner { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }
.de-page-mian .page-inner a { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.de-page-mian .page-inner a:hover, .de-page-mian .page-inner a.active { background-color: var(--theme-color); color: #fff; }
.de-page-mian .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn { display: none; }